<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>

<style>
::-webkit-scrollbar{
  width: 0px;
}
*{padding:0; margin:0;user-select: none;}
html,body,#app {
  height: 100%;
  width: 100%;
  overflow: hidden;
  user-select: none;
}
:root {
  /* 好友列表文字颜色 */
  --wxUserListItemColor: black;
  /* 好友列表背景颜色 */
  --wxUserListItemBackground: #f7f7f7;
  /* 好友列表项鼠标飘过背景颜色 */
  --wxUserListItemHoverBackground: #d0d0d0;
  /* 好友列表项点击时背景颜色 */
  --wxUserListItemActiveBackground: #d7d7d7; 
  /* 好友列表项时间和状态颜色 */
  --wxUserListItemTipColor: #a4a4a4;
  /* 好友列表项最新发言颜色 */
  --wxUserListItemTitleSimpleColor: #98978f;
  /* 好友列表项选中背景色 */
  --selectedFriendChatBackground: #dedede;

  /* 登陆按钮字体颜色 */
  --loginBtnColor: #fff;
  /* 登陆按钮背景颜色 */
  --loginBtnBackground: #409eff;
  /* 登陆页面背景颜色 */
  --loginMainBackground: #fff;

  /* 搜索按钮背景颜色 */
  --wxUserListSearchBtnBackground: #409eff;
  /* 搜索按钮字体颜色 */
  --wxUserListSearchBtnColor: #fff;
  /* 好友列表背景颜色 */
  --wxUserListBackground: #f0f0f0;
  /* 好友列表搜索框背景颜色 */
  --wxUserListSearchBackground: #fff;
  /* 聊天头部背景颜色 */
  --wxChatHeaderBackground: #f0f0f0;

  /* 聊天框上边框颜色 */
  --wxChatContentBorderTopColor: #dddddd;

  /* 聊天内容项背景颜色 */
  --wxChatContentItemMsgBackground: #01c2c0;
  /* 聊天内容背景颜色 */
  --wxChatContentBackground: #ededed;
  /* 拖拽线背景颜色 */
  --wxDragLineBackground: #ccc;
  /* 聊天输入框背景颜色 */
  --wxChatInputTextareaBackground: #f0f0f0;

  /* 侧边栏背景颜色 */
  --sideBarBackground: #efffff;
  /* 侧边栏项背景颜色 */
  --sideBarItemBackground: #56feae;
  /* 侧边栏项鼠标飘过背景颜色 */
  --sideBarItemHoverBackground: goldenrod; 
  /* 侧边栏项点击时背景颜色 */
  --sideBarItemActiveBackground: orange;
  /* 侧边栏选中项背景颜色 */
  --selectedBarBackground: #5ebbf2;

  /* 联系人列表颜色配置 */
  /* 联系人列表背景颜色 */
  --contactListBackground: #f4f4f4;
  /* 联系人分组人数颜色 */
  --contactGroupLineCountColor: #736868;
  /* 联系人列表鼠标飘过好友列表 */
  --contactGroupItemAvatarNameHoverBackground: #dadada;
  /* 联系人列表点击好友列表 */
  --contactGroupItemAvatarNameActiveBackground: #d4d4d4;
  /* 联系人列表选中好友背景颜色 */
  --contactGroupItemSelectedBackground: #dfdfdf;
  /* 联系人列表分割线 */
  --contactGroupContactHrColor: #f0c0e6;
  /* 联系人列表文字颜色 */
  --contactGroupContactCharColor: #999999;

  /* 退出登陆 */
  /* 退出登陆背景颜色 */
  --unloginBtnBackground: green;
  --unloginBtnColor: #ffffff;

}
</style>
